<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../mycss/main.css" />
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css" media="screen" />
    <link rel="stylesheet" href="../bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" media="screen" />
    <link href="../bootstrap-3.3.7-dist/css/bootstrap-switch.css" rel="stylesheet">
    <script src="../jquery/jquery-3.3.1.min.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="../bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap-switch.js"></script>
    <title>home</title>
</head>

<body>
    <div class="t_myarea t_condition clearfix t_zindex0">
            <div class="panel panel-default">
                    <table class="table  table-striped">
                        <thead class="">
                            <th>
                                <div class="order-1">
                                    <ul class="nav navbar-nav clearfix">
                                        <li>
                                            <div class="div-1-vertical ">
                                                <label>房屋</label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="div-1-vertical">
                                                <label>价格</label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="div-1-vertical">
                                                <label>房屋操作</label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="div-1-vertical">
                                                <label>实际付款</label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="div-1-vertical">
                                                <label>订单详情</label>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="div-1-vertical">
                                                <label>交易操作</label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="order-3">
                                        <ul class="nav navbar-nav clearfix">
                                            <li>
                                                <div class="">
                                                    <h6><label>订单号：</label><h6>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="text-center">
                                                    <h6><a>联系商家</a></h6>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="order-2">
                                        <ul class="nav navbar-nav clearfix">
                                            <li>
                                                <div class="div-2-vertical ">
                                                    <img src="../imgs/v800x600_ChAFD1py4iyAe8WHAAsvwgetQx4843.JPG" alt="First slide" class="img-mini-house" />
                                                </div>
                                            </li>
                                            <li>
                                                <div class="div-2-vertical text-center">
                                                    <label>￥1000</label>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="div-2-vertical text-center">
                                                    <!-- <div class="switch div-size-2">
                                                        <input id="switch-state" type="checkbox" checked="checked" data-on-text="开锁" data-off-text="关锁" data-off-color="warning" data-on-color="success">
                                                    </div> -->
                                                    <div class="div-size-2" >
                                                        <button type="button" class="btn btn-info">开锁</button>
                                                    </div>
                                                    <div class="div-size-2" >
                                                        <button type="button" class="btn btn-info">退房</button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="div-2-vertical">
                                                    <label>￥1000</label>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="div-2-vertical">
                                                    <a link="">订单详情</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="div-2-vertical">
                                                    <button type="button" id="comment" class="btn btn-default">评论</button>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
            
                            </tr>
                        </tbody>
                    </table>
                    
                </div>
    </div>
    
    
    <script type="text/javascript"> 
$(document).ready(function(){  
    $('[name="cccc"]').bootstrapSwitch({
        onSwitchChange:function(event,state){  
            alert(state);
    }  
    });
});
</script> 
</body>

</html>